<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="ha">
        <!-- <span v-bind:title="message">鼠标悬停在此处弹出提示信息</span> -->
        <!-- <h1 v-if="ok">yes</h1>
        <h1 v-else>No</h1> -->
        <!-- <h1 v-if="type==='A'">A</h1>
        <h1 v-else-if="type==='B'">B</h1>
        <h1 v-else-if="type==='D'">D</h1>
        <h1 v-else>C</h1> -->
        <!-- <h1 v-for="item in items">
            {{item.message}}
        </h1> -->
        <!-- <button v-on:click="hello">点我</button> -->
        <!-- 登录：<input type="text" v-model="message">{{message}} -->
        <!-- <textarea v-model="message"></textarea>{{message}} -->
        <!-- 性别：  <input type="radio" name="sex" value="男" v-model="message">男
                <input type="radio" name="sex" value="女" v-model="message">女
                <h1>你的性别是：</h1>{{message}} -->
   爱好：    <select name="" v-model="message">
            <option valve="" disabled>--请选择--</option>
            <option value="A">A</option>
            <option value="B">B</option>
            <option value="C">C</option>
        </select>
        valve:{{message}}
    </div>
    
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
    <script>
        var qq = new Vue({
            el:"#ha",
            // data:{
            //     message:"hello,vue!"
            // }
            data:{
                // ok: true
                // 
                // items:[
                //     {message:'你好！'},
                //     {message:'很高兴认识你！'},
                //     {message:'我叫吴凡'}
                // ]
                // message:"你好！"
                // message:123
                message:''
            },
            // methods:{//目标方法必须定义在Vue的methods对象中，v-on：事件
            //     hello:function(event){
            //         alert(this.message);
            //     }
            // }
        });
    </script>
</body>
</html>